<template>
  <div class="ctm-border-radius shadow-sm card">
    <div class="card-body">

      <!--Content tab-->
      <div class="row people-grid-row">
        <div class="col-md-6 col-lg-6 col-xl-4" v-for="item in employees">
          <div class="card widget-profile">
            <div class="card-body">
              <div class="pro-widget-content text-center">
                <div class="profile-info-widget">
                  <router-link :to="['/nebula/employee/']+item.id" class="booking-doc-img" @click.native="flushCom()">
                    <img :src="item.img" alt="User Image">
                  </router-link>
                  <div class="profile-det-info">
                    <h4><router-link :to="{name:'Employee',params:{id:item.id}}" class="text-primary" @click.native="flushCom()">{{
                        item.name
                      }}</router-link></h4>
                    <div>
                      <p class="mb-0"><b>{{ item.score }}</b></p>
                      <p class="mb-0 ctm-text-sm">{{ item.wanted }}</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Square",
  data(){
    return{
      employees: [
        {img:require('@/assets/img/profiles/5.jpg'), id: 1, name: '付志强',score: 98,wanted: '营销策划'},
        {img:require('@/assets/img/profiles/4.jpg'), id: 7, name: '陈怡含',score: 95,wanted: '前端设计'},
        {img:require('@/assets/img/profiles/6.jpg'), id: 2, name: '莫奕',score: 95,wanted: '营销策划'},
        {img:require('@/assets/img/profiles/7.jpg'), id: 3, name: '夏国利',score: 93,wanted: '软件测试'},
        {img:require('@/assets/img/profiles/8.jpg'), id: 4, name: '杨一平',score: 91,wanted: '营销策划'},
        {img:require('@/assets/img/profiles/1.jpg'), id: 5, name: '左然',score: 90,wanted: '网络工程'},
        {img:require('@/assets/img/profiles/3.jpg'), id: 6, name: '王丽丽',score: 89,wanted: '硬件工程师'},
        {img:require('@/assets/img/profiles/5.jpg'), id: 8, name: '林宇',score: 85,wanted: '营销策划'},
      ]
    }
  },
  methods:{
    flushCom: function () {
      this.$router.go(0);
    }
  }
}
</script>

<style scoped>

</style>
